<?php
$data['titulo'] = $titulo;
$this->load->view('admin/header', $data);
?>

<!--/.span3-->
                    <div class="span9">
                      <div class="content">

                        <div class="module">
                          <div class="module-head">
                            <h3>Editar Mesa</h3>
                          </div>
                          <div class="module-option clearfix">
                            <div class="pull-right">
                              <a  href="<?=base_url()?>administrador/mesas" class="btn btn-inverse">Regresar</a>
                            </div>
                          </div>
                          <div class="module-body">

                              <form class="form-horizontal row-fluid" action="<?=base_url()?>administrador/editar_mesa/<?=$info_mesa['codigo']?>" method="post">
                                <div class="control-group">
                                  <label class="control-label" for="basicinput">Nombre:</label>
                                  <div class="controls">
                                    <input type="text" class="span8" name="nombre" id="nombre" value="<?=$info_mesa['nombre']?>">
                                  </div>
                                </div>                                

                                <div class="control-group">
                                  <label class="control-label" for="basicinput">Descripción:</label>
                                  <div class="controls">
                                    <textarea class="span8" rows="5" name="descripcion" id="descripcion"><?=$info_mesa['descripcion']?></textarea>
                                  </div>
                                </div>

                                <div class="control-group">
                                  <label class="control-label" for="basicinput">Cantidad de Personas:</label>
                                  <div class="controls">
                                      <input type="text" class="span3" name="cantidad" id="cantidad" value="<?=$info_mesa['cantidad_personas']?>">
                                  </div>
                                </div>

                                <div class="control-group">
                                  <label class="control-label" for="basicinput">Zona:</label>
                                  <div class="controls">
                                    <select tabindex="1" data-placeholder="Selecciona.." class="span6" name="zona" id="zona">
                                      <option value="">Selecciona..</option>
                                      
                                      <?php
                                      foreach ($zonas as $zona) {
                                        if($zona['estado'] == 1){
                                        if($info_mesa['zona_codigo'] == $zona['codigo']){
                                        ?>
                                          <option value="<?=$zona['codigo']?>" selected><?=$zona['nombre']?></option>
                                        <?php
                                        }else{
                                        ?>
                                          <option value="<?=$zona['codigo']?>"><?=$zona['nombre']?></option>
                                        <?php
                                        }                                      
                                      }
                                    }
                                      ?>

                                    </select>
                                  </div>
                                </div>

                                <div class="control-group">
                                  <div class="controls">
                                    <button type="submit" class="btn-success">Actualizar</button>
                                  </div>
                                </div>
                              </form>
                          </div>
                        </div>

                        
                        
                      </div><!--/.content-->
                    </div><!--/.span9-->
                </div>
            </div>
            <!--/.container-->
        </div>
        <!--/.wrapper-->

<?php
$this->load->view('admin/footer');
?>

<script>
  $(document).ready(function(){

    //VALIDACION
    var nombre = new LiveValidation('nombre', { validMessage: " ☑ " });
    nombre.add( Validate.Presence, { failureMessage: "Por favor, ingrese el nombre de la zona." } );
    nombre.add( Validate.Length, { maximum: 20, tooLongMessage:"El nombre debe contener un máximo de 20 caracteres." } );

    var cantidad = new LiveValidation('cantidad', { validMessage: " ☑ " });
    cantidad.add( Validate.Presence, { failureMessage: "Por favor, ingrese la cantidad de personas para la mesa." } );
    cantidad.add( Validate.Numericality, { minimum: 1, tooLowMessage:"El valor mínimo para la cantidad es 1.", maximum: 30, tooHighMessage:"El valor máximo para la cantidad es 30.", onlyInteger: true, notAnIntegerMessage: "La cantidad debe ser un número entero.", notANumberMessage: "La cantidad debe ser un número." } );

    var zona = new LiveValidation('zona', { validMessage: " ☑ " });
    zona.add( Validate.Presence, { failureMessage: "Por favor, seleccione la zona donde estará ubicada la mesa." } );

    var descripcion = new LiveValidation('descripcion', { validMessage: " ☑" });
    descripcion.add( Validate.Length, { maximum: 255, tooLongMessage:"La descripcion debe contener un máximo de 255 caracteres." } );

  });
</script>